<template>
<div class="two-list">
  <div class="item" v-for="(items,index) in array" :key="index">
    <div class="slot"  v-for="item in items" >
    <slot class="slot":item="item"></slot>
    </div>
  </div>
</div>
</template>

<script>
export default {
  props:{
    list:Array
  },
  computed:{
    array(){
      let array = []
      let tem = []
      this.list.forEach((v,k)=>{
        tem.push(v)
        if(tem.length==2){
          array.push(tem.concat())
          tem = []
        }else if(k==this.list.length-1){
          array.push(tem.concat())
        }
      })
      return array;
    }
  }
}
</script>

<style scoped lang="stylus">
.two-list
   width 100%
  .item
    padding 0 12px
    display flex
    justify-content flex-start
    .slot
      margin-bottom 5px
      &:first-child
        margin-right 5px
</style>